<template>
    <div style="height: 100%;">
    <el-row>
      <el-col :span="24">
        <h2 style="text-align: center;">健康资讯</h2>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="10">
        <div class="grid-content bg-purple" @click="select1()">
          <el-row>
            <el-col :span="16">
              <h3>消化性溃疡的饮食误区与合理膳食</h3>
              <span>二三十年前，禁食、少食、只吃单纯的流质、半流质饮食等膳食治疗方法曾被当成消化性溃疡的主要治疗措施....</span>
            </el-col>
            <el-col :span="8">
              <el-image :src="url" class="image"></el-image>
            </el-col>
          </el-row>
        </div>
      </el-col>
      <el-col :span="10" :offset="4">
        <div class="grid-content bg-purple" @click="select2()">
          <el-row>
            <el-col :span="16">
              <h3>照顾好口腔，关乎你的全身健康</h3>
              <span>今天是第29个全国爱牙日，今年爱牙日的主题是“口腔健康全身健康”。口腔健康与全身健康密切相关。口腔中的感染和炎症因子可导致....</span>
            </el-col>
            <el-col :span="8">
              <el-image :src="url" class="image"></el-image>
            </el-col>
          </el-row>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
    }
  },
  methods:{
    select1(){
      this.$router.push({
        path: '/Information2',
      })
    },
    select2(){
      this.$router.push({
        path: '/Information3',
      })
    }
  }
}
</script>

<style>

</style>